/********************************************************
*   CreateTime  : 2017/05/16                            *
*   Description : common css file                       *
*   Author      : create by http://weibo.com/235850126  *
*   ModifyTime  : 2017/05/16                            *
*********************************************************/
/**********************通配样式**************************/
*{
    margin: 0;
    padding: 0;
}

/*字体大小1rem=10px*/
html {
    font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5% => 10px*/
}

body {
    font-family: Microsoft YaHei,'宋体',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
    font-size: 1.4rem;/*1.4 × 10px = 14px*/
}

/*自定义字体 华文行楷*/
@font-face {
    font-family: 'STXingkai';
    src: url(../fonts/STXingkai.ttf) format('truetype');
}

/*自定义字体 汉仪瘦金体*/
@font-face {
    font-family: 'HYShoujin';
    src: url(../fonts/HYShoujin.ttf) format('truetype');
}

/*图片显示100%*/
img.img-100{
    width: 100%;
    height: auto;
}

/*单行文本溢出*/
p.text-line1{
    /*内容溢出一个元素的框
    默认visible:不修剪呈现在元素框外,hidden:修剪不可见,scroll:修剪并显示滚动条,
    auto:如果被修剪显示滚动条,inherit:继承父元素overflow属性值*/
    overflow: hidden;
    /*当文本溢出包含它的元素
    clip:修剪文本,ellipsis:省略符号,string:给定的字符串*/
    text-overflow: ellipsis;
    /*元素内的空白怎样处理
    默认normal:空白会被浏览器忽略,pre:空白会被浏览器保留 类似HTML中<pre>标签,
    nowrap:文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止,
    pre-wrap:保留空白符序列,但是正常地进行换行,
    pre-line:合并空白符序列,但是保留换行符,
    inherit:继承*/
    white-space: nowrap;
}

/*多行文本溢出 目前仅支持-webkit内核*/
p.text-lines{
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    /*指定非CJK脚本(中日韩脚本)的断行规则
    normal:使用浏览器默认的换行规则,break-all:允许在单词内换行,
    keep-all:只能在半角空格或连字符处换行*/
    word-break: break-all;
    /*规定元素应该生成的框的类型
    默认inline:内联元素,元素前后没有换行符,
    none:不显示,block:块级元素,元素前后带有换行符,inline-block:行内块元素,元素前后没有换行符,
    list-item:列表显示,run-in:根据上下文作为块级元素或内联元素显示,table:块级表格,前后带有换行符,
    inline-table:内联表格,前后没有换行符,table-row-group:一个或多个行的分组<tbody>,
    table-header-group:一个或多个行的分组<thead>,table-footer-group:一个或多个行的分组<tfoot>,
    table-row:一个表格行<tr>,table-cell:一个表格单元格<td、th>,
    table-caption:一个表格标题<caption>,box:宽度不自适应弹性伸缩盒,inline-box:可定高宽度自适应弹性伸缩盒,inherit:继承*/
    /*box-flex是css3新添加的盒子模型属性*/
    display: -moz-box;
    display: -webkit-box;
    display: box;
    /*定义父元素的子元素如何排列
    horizontal:垂直,vertical:水平,inherit:继承*/
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}

/*两行文本*/
p.text-lines-2{
    -webkit-line-clamp: 2;
}

/*三行文本*/
p.text-lines-3{
    -webkit-line-clamp: 3;
}

/*四行文本*/
p.text-lines-4{
    -webkit-line-clamp: 4;
}

/*显示灰度*/
div.div-grayscale{
    /*元素(通常是<img>)的可视效果
    blur(px):高斯模糊,默认是0,值越大越模糊,
    brightness(%):图片应用一种线性乘法,默认是1,0%图像全黑,100%无变化,值越大越亮
    contrast(%):图像的对比度,默认是1,0%图像全黑,100%无变化,
    drop-shadow(h-shadow v-shadow blur spread color):阴影效果,
    grayscale(%):灰度图像,默认是0,0%无变化,100%完全灰度,
    hue-rotate(deg):色相旋转,invert(%):反转输入,默认是0,100%完全反转,0%无变化,
    opacity(%):透明程度,默认是1,0%完全透明,100%无变化,
    saturate(%):图像饱和度,默认是1,0%完全不饱和,100%无变化,
    url():URL函数接受一个XML文件，该文件设置了 一个SVG滤镜，且可以包含一个锚点来指定一个具体的滤镜元素url(svg-url#element-id),
    initial:默认值,inherit:继承*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
}

/*hover无灰度*/
div.div-grayscale:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    _filter: none;
}

/*图片缩放容器*/
div.imgscale-wrap{
    overflow: hidden;
}

/*hover图片缩放*/
div.imgscale-wrap:hover img{
    /*元素的2D或3D转换
    none:不转换,matrix(n,n,n,n,n,n) 2D转换,matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 3D 转换,
    translate(x,y),translate3d(x,y,z),translateX(x),translateY(y),translateZ(z),
    scale(x[,y]?):2D缩放,scale3d(x,y,z):3D 缩放,scaleX(x),scaleY(y),scaleZ(z),
    rotate(angle):2D 旋转,rotate3d(x,y,z,angle) 3D 旋转,rotateX(angle),rotateY(angle),rotateZ(angle),
    skew(x-angle,y-angle):沿着 X 和 Y 轴的 2D 倾斜,skewX(angle),skewY(angle),
    perspective(n):3D 转换元素定义透视视图*/
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
}

/*内联块状a标签*/
a.inline-block{
    display: inline-block;
}

/*二级导航*/
ul.nav-list2 li:not(:last-child):after {
    content: " >>";
}
